<template>
  <div class="trade">
    <div class="trade-top">
      <div class="backBtn" @click="handleBackClick"></div>
      <span class="trade-title">METAUP</span>
    </div>

    <iframe id="iframeContain" name="iframeContain" seamless scrolling="yes" :src="iframeURL">
      您当前的浏览器不支持页面上的功能，请升级您当前的浏览器版本或使用谷歌浏览器访问当前页面
    </iframe>
  </div>
</template>

<script>
export default {
  name: "Trade",
  data() {
    return {
      iframeURL: ""
    };
  },
  created() {
    if (this.$route.query.isHelp == 1) {
      this.iframeURL = "https://www.yuque.com/docs/share/cf156d4b-f1ae-453c-815e-1bb31ab6da4b?#";
    } else {
      this.iframeURL = "https://www.zgipmall.com/cr_mobile//#/register/0000004";
    }
  },
  methods: {
    handleBackClick() {
      this.$router.replace("/");
    }
  }
};
</script>

<style lang="less" scoped>
.trade {
  width: 100%;
  height: 100vh;

  .trade-top {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 90px;
    // background: #f4f4f4;
    background: #1e2020;

    .trade-title {
      font-size: 26px;
      font-family: PingFang HK-Semibold, PingFang HK;
      font-weight: 600;
      color: #816b3b;
      text-align: center;
    }

    .backBtn {
      width: 22px;
      height: 22px;
      border-top: 3px solid #816b3b;
      border-right: 3px solid #816b3b;
      transform: rotate(-135deg);
      margin-left: 30px;
    }
  }

  #iframeContain {
    width: 100%;
    height: 100vh;
    border: none;
  }
}
</style>
